<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">

    <!--1.三个meta必须放在最前面
        2.导入插件
        3.搭建html和css通用样式
        4.头部
        5.导航
        6.轮播-->
</head>
<body>
<!--头部-->
<header class="hidden-sm hidden-xs wenzhou_topbar">
<div class="container">
    <div class="row">
        <div class="col-md-2">
            <img class="wenzhou_logo" src="images/logo.png">
        </div>
        <div class="col-md-4">
            <span>温州在线</span>
            <span class="glyphicon glyphicon-menu-down"></span>
            <img src="images/code.jpg">
        </div>
        <div class="col-md-3">
            <a class="btn btn_login" href="#">登录</a>
            <a class="btn btn_register" href="#">注册</a>
        </div>
    </div>
</div>
</header>

<!--导航-->
<nav class="navbar navbar-default wenzhou_nav">
    <div class="container">
        <div class="row"></div>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target="#wenzhouonline"
                    aria-expanded="false">
                <span class="sr-only">Hello</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="wenzhouonline">
            <div class="nav navbar-nav">
                <li class="active"><a href="#">首页</a></li>
                <li ><a href="#">论坛</a></li>
                <li ><a href="#">婚嫁</a></li>
                <li><a href="#">房产</a></li>
                <li><a href="#">人才</a></li>
                <li><a href="#">相亲</a></li>
            </div>
        </div>
    </div>
</nav>
<!--正文-->
<div class="container wenzhou_zhengwen">
    <!--旁边的评论-->
    <div class="row">
        <div class="col-md-3 col-sm-3 col-xs-3 col-lg-3">
            <div class="wenzhou_pinglun">
                <h5><a>评论/政务</a></h5>
                <a>中国两会为世界注入强大正能量</a>
                <p>面对这次全球公共卫生突发事件，中国制度交出了合格答卷。</p>
                <a>联防联控如何转化为“常态”</a><br>
                <a>夫妻合休产假 关键还在可执行性</a><br>
                <a>夫妻合休产假 关键还在可执行性</a>
            </div>

        </div>
        <!--中间的要闻-->
        <div class="col-md-6 wenhzhou_yaowen col-sm-6 col-xs-6 col-lg-6">
            <div class=" nav-pills">
                <a  class="active">
                    <a href="#yaowen"  data-toggle="pill">要闻|</a>
                </a>
                <a >
                    <a href="#zjyaowen"  data-toggle="pill">浙江要闻</a>
                </a>
                    <a class="lianghui">两会专题</a>
            </div>
            <div class="tab-content">
                <div class="tab-pane active" id="yaowen">
                    <h3><a>全国政协十三届三次会议开幕</a></h3>
                    <ul>
                        <li><a>政协会议举行默哀仪式 汇聚决战决胜的强大信心和力量</a></li>
                        <li><a>中国稳健前行|构建城乡基层治理新格局</a></li>
                        <li><a>图说全国政协常委会工作报告、提案工作情况报告</a></li>
                        <li><a>你的2020年心愿，跟我们聊聊 记录脱贫攻坚最后一年</a></li>
                        <li><a>全国确诊84516例 海外确诊超490万 美国近160万</a></li>
                        <li><a>提议政协开幕会默哀的委员 是爱国将领冯玉祥的孙女</a></li>
                        <li><a>全国政协十三届三次会议在京开幕，这些亮点值得关注</a></li>
                        <li><a>王毅赴机场接已故驻以色列大使杜伟回家(图</a></li>
                        <li><a>今年的“委员通道”有点不一样(图)</a></li>
                        <li><a>于鲁明委员：建议将HPV疫苗纳入国家免疫规划</a></li>
                        <li><a>谭平川代表：最低和完全刑责年龄应降至12、14周岁</a></li>
                        <li><a>外交部发言人赵立坚：巴基斯坦偷走了我的心</a></li>
                        <li><a>特朗普连发推特指责中国发言人 外交部回应</a></li>
                        <li><a>政协会议举行默哀仪式 汇聚决战决胜的强大信心和力量</a></li>
                        <li><a>中国稳健前行|构建城乡基层治理新格局</a></li>
                        <li><a>图说全国政协常委会工作报告、提案工作情况报告</a></li>
                        <li><a>你的2020年心愿，跟我们聊聊 记录脱贫攻坚最后一年</a></li>
                        <li><a>全国确诊84516例 海外确诊超490万 美国近160万</a></li>
                        <li><a>提议政协开幕会默哀的委员 是爱国将领冯玉祥的孙女</a></li>
                        <li><a>全国政协十三届三次会议在京开幕，这些亮点值得关注</a></li>
                        <li><a>王毅赴机场接已故驻以色列大使杜伟回家(图</a></li>
                        <li><a>今年的“委员通道”有点不一样(图)</a></li>
                        <li><a>于鲁明委员：建议将HPV疫苗纳入国家免疫规划</a></li>
                        <li><a>谭平川代表：最低和完全刑责年龄应降至12、14周岁</a></li>
                        <li><a>外交部发言人赵立坚：巴基斯坦偷走了我的心</a></li>
                        <li><a>特朗普连发推特指责中国发言人 外交部回应</a></li>
                    </ul>
                </div>
                <div class="tab-pane" id="zjyaowen">
                    <h3><a>风雨无阻 逐梦前行 赴京参会侧记</a></h3>
                    <ul>
                        <li><a>当好“重要窗口”建设者维护者展示者</a></li>
                        <li><a>浙江工业4月规上工业增加值同比增长9.5%</a></li>
                        <li><a>今天一场特殊的外贸“普法”活动在“云”上举办</a></li>
                        <li><a>2020西湖论剑·网络安全大会将在线上亮相/a></li>
                        <li><a>更便宜！宁波舟山港迎来浙江省首批滚装进口汽车</a></li>
                        <li><a>|宁波|创建全国文明城市“六连冠”，宁波这样下功夫</a></li>
                        <li><a>|温州|智慧天眼助力 浙江鹿城仰义全域督导文明创建</a></li>
                        <li><a>|台州|养老金又涨了！台州建“两项机制”改变了什么</a></li>
                        <li><a>|嘉兴|平湖金山联合发布毗邻党建公约</a></li>
                        <li><a>第二十一届青洽会将在西宁举行 浙江组团参加</a></li>
                        <li><a>|舟山|浙江日报丨定海与虹口开展战略合作</a></li>
                        <li><a>|金华|金义新区！浙江第五个省级新区来了</a></li>
                        <li><a>杭州试运行民生计量公共服务平台</a></li>
                        <li><a>当好“重要窗口”建设者维护者展示者</a></li>
                        <li><a>浙江工业4月规上工业增加值同比增长9.5%</a></li>
                        <li><a>今天一场特殊的外贸“普法”活动在“云”上举办</a></li>
                        <li><a>2020西湖论剑·网络安全大会将在线上亮相</a></li>
                        <li><a>更便宜！宁波舟山港迎来浙江省首批滚装进口汽车</a></li>
                        <li><a>|宁波|创建全国文明城市“六连冠”，宁波这样下功夫</a></li>
                        <li><a>|温州|智慧天眼助力 浙江鹿城仰义全域督导文明创建</a></li>
                        <li><a>|台州|养老金又涨了！台州建“两项机制”改变了什么</a></li>
                        <li><a>|嘉兴|平湖金山联合发布毗邻党建公约</a></li>
                        <li><a>第二十一届青洽会将在西宁举行 浙江组团参加</a></li>
                        <li><a>|舟山|浙江日报丨定海与虹口开展战略合作</a></li>
                        <li><a>|金华|金义新区！浙江第五个省级新区来了</a></li>
                        <li><a>杭州试运行民生计量公共服务平台</a></li>

                    </ul>
                </div>
            </div>
        </div>
        <!--轮播-->
        <div class="carousel slide col-md-3 col-sm-3 col-xs-3 col-lg-3" data-ride="carousel" id="slidershow">
            <ul class="nav nav-pills">
                <li  class="active">
                    <a href="#first"  data-toggle="pill">咨询</a>
                </li>
                <li >
                    <a href="#second"  data-toggle="pill">娱乐</a>
                </li>
                <li >
                    <a href="#three"  data-toggle="pill">体育</a>
                </li>
                <li >
                    <a href="#four"  data-toggle="pill">汽车</a>
                </li>
                <li >
                    <a href="#five"  data-toggle="pill">时尚</a>
                </li>
            </ul>
            <!--轮播图控制器-->
            <ul class="carousel-indicators">
                <li class="active" data-target="#slidershow" data-slide-to="0"></li>
                <li data-target="#slidershow" data-slide-to="1"></li>
                <li data-target="#slidershow" data-slide-to="2"></li>
                <li data-target="#slidershow" data-slide-to="3"></li>
                <li data-target="#slidershow" data-slide-to="4"></li>
                <li data-target="#slidershow" data-slide-to="5"></li>
            </ul>
            <!--轮播图图片-->
            <div class="carousel-inner tab-content">
                <div class="item active tab-pane" id="first">
                    <img src="images/wenzhou01.jpg">
                </div>
                <div class="item tab-pane" id="second">
                    <img src="images/wenzhou02.jpg">
                </div>
                <div class="item tab-pane" id="three">
                    <img src="images/wenzhou03.jpg">
                </div>
                <div class="item tab-pane" id="four">
                    <img src="images/wenzhou04.jpg">
                </div>
                <div class="item tab-pane" id="five">
                    <img src="images/wenzhou06.jpg">
                </div>
            </div>
            <!--轮播图指示器-->
            <a class="carousel-control left" href="#slidershow" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="carousel-control right" href="#slidershow" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </div>
</div>

<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>